@charset "utf-8";
BODY{
	padding:0;
    margin: 0px;
    font-size: 12px;
	background:#fff;
}

a:link {  color: #484848; text-decoration: none}
a:visited {  color: #484848; text-decoration: none}
a:hover {  text-decoration:none;
			color: #f00;
		}

		
a:focus {
     outline:none;
     -moz-outline:none;
}
img {border:0px;}

ul,li { list-style:none; list-style-type:none; padding:0; margin:0;}
.left { float:left;}
.right { float:right;}

DIV{
   font-family: 微软雅黑, Arial, Helvetica, sans-serif;
}

INPUT{
   font-family: 微软雅黑, Arial, Helvetica, sans-serif;
}

SPAN{
   font-family: 微软雅黑, Arial, Helvetica, sans-serif;
}
P{
   font-family: 微软雅黑, Arial, Helvetica, sans-serif;
}
LI{
   font-family: 微软雅黑, Arial, Helvetica, sans-serif;
}
A{
   font-family: 微软雅黑, Arial, Helvetica, sans-serif; text-decoration:none; color:#262626;
}
DIV{
   text-justify: inter-ideograph;
    text-align: justify;
}
SPAN{
   text-justify: inter-ideograph;
    text-align: justify;
}
P{
   text-justify: inter-ideograph;
    text-align: justify;
}
LI{
   text-justify: inter-ideograph;
    text-align: justify;
}
A{
   outline-style: none;
    outline-color: invert;
    outline-width: medium;
}
.clearfix:after{
   display: block;
    height: 0px;
    visibility: hidden;
    clear: both;
    content: ".";
}
#box_loading{
   z-index: 99999;
    position: fixed;
    width: 100%;
    display: none;
    background: url(../images/loading_bg.gif) #fff no-repeat center top;
    height: 1100px;
    overflow: hidden;
}
#box_loading .load_logo{
   text-align: center;
    margin: 0px auto;
    width: 400px;
    background: url(../images/loading.gif) no-repeat center bottom;
    height: 135px;
    color: #666;
    font-size: 11px;
    padding-top: 300px;
}
#box_loading .load_logo A{
   color: #8e273c;
    text-decoration: none;
}
#box_loading .load_logo A:hover{
   color: #c61c3f;
    text-decoration: underline;
}

#nav_box{
   z-index: 9999;
    position: fixed;
    width: 100%;
    background: url(../images/menu_bg.gif) no-repeat center #FFF;
    height: 100px;
    margin-left: -50%;
    top: 0px;
    left: 50%;
}
#nav { width:1200px; margin:0 auto; height:100px; position:relative;}

#nav .tel { position: absolute; top:10px; left:770px; font-size:16px;}
#nav .ly { position: absolute; top:10px; left:925px; font-size:13px;}

#nav UL{
	width:800px;
    height:50px;
	position:absolute; top:30px; right:0;
}
#nav UL LI{
   text-align: center;
    line-height: 50px;
    list-style-type: none;
	padding:0 18px;
    float: left;
    height: 50px;
    font-size: 16px;
    list-style-image: none;
}
#nav UL LI A{
   width: 100%;
    display: block;
    height: 50px;
    color: #000;
    text-decoration: none;
}
#nav UL LI A:hover{
   background: url(../images/menu_hover.gif) no-repeat left bottom;
    color: #33a278;
    text-decoration: none;
}
#nav UL LI.selected A{
   background: url(../images/menu_hover.gif) no-repeat left bottom;
    color: #33a278;
    text-decoration: none;
}
#nav UL LI.last{
   padding:0 13px;
    border-right: medium none;
}
#nav .language{
	position:absolute;
	top:5px;
	right:41px;
   	width: 110px;
    height: 26px;
}
#nav .language A{
   text-align: left;
    line-height: 26px;
    text-indent: 12px;
    display: block;
    height:26px;
    color: #fff;
    font-size: 12px;
	float:left;
	padding:0;
	margin:0;
    text-decoration: none;
}
#nav .language A:hover{
    color: #f00;
    text-decoration: underline;
}
#nav .language A.selected{
    color: #fff;
    text-decoration: none;
}
#nav .language A.en{
   font-family: Georgia, "Times New Roman", Times, serif;
}

#box_footer{
   z-index: 99999;
    position: fixed;
    line-height: 24px;
    width: 100%;
    bottom: 0px;
    background: #fff;
    height: 24px;
    border-top: #ccc 1px solid;
    left: 0px;
}
#box_footer .foot_rim{
   padding-bottom: 0px;
    line-height: 24px;
    padding-left: 15px;
    padding-right: 15px;
    color: #666;
    font-size: 11px;
    padding-top: 0px;
}
#box_footer .foot_rim SPAN{

    float: right;
    font-size: 12px;
}
#box_footer .foot_rim A{
   color: #666;
    text-decoration: underline;
}
#box_footer .foot_rim A:hover{
   color: #c11e3f;
    text-decoration: none;
}
.top_rim{
   z-index: 99999;
    position: fixed;
    width: 55px;
    bottom: 35px;
    height: 55px;
    right: 10px;
}
.top_rim A{
   text-indent: -200px;
    width: 55px;
    display: block;
    background: url(../images/top_ico.gif) no-repeat;
    height: 55px;
    overflow: hidden;
    text-decoration: none;
}
.top_rim A:hover{
   background: url(../images/top_ico.gif) no-repeat 0px bottom;
    text-decoration: none;
}
#home{
   position: relative;
    padding-bottom: 0px;
    margin: 0px auto;
    padding-left: 0px;
    width: 100%;
    padding-right: 0px;
    height: 1100px;
    overflow: hidden;
    padding-top: 0px;
}
#about{
   position: relative;
    padding-bottom: 0px;
    margin: 0px auto;
    padding-left: 0px;
    width: 100%;
    padding-right: 0px;
    height: 1100px;
    overflow: hidden;
    padding-top: 0px;
}
#famous{
   position: relative;
    padding-bottom: 0px;
    margin: 0px auto;
    padding-left: 0px;
    width: 100%;
    padding-right: 0px;
    height: 1100px;
    overflow: hidden;
    padding-top: 0px;
}
#news{
   position: relative;
    padding-bottom: 0px;
    margin: 0px auto;
    padding-left: 0px;
    width: 100%;
    padding-right: 0px;
    height: 1100px;
    overflow: hidden;
    padding-top: 0px;
}
#chanye{
   position: relative;
    padding-bottom: 0px;
    margin: 0px auto;
    padding-left: 0px;
    width: 100%;
    padding-right: 0px;
    height: 1100px;
    overflow: hidden;
    padding-top: 0px;
}
#products{
   position: relative;
    padding-bottom: 0px;
    margin: 0px auto;
    padding-left: 0px;
    width: 100%;
    padding-right: 0px;
    height: 1100px;
    overflow: hidden;
    padding-top: 0px;
}
#sector{
   position: relative;
    padding-bottom: 0px;
    margin: 0px auto;
    padding-left: 0px;
    width: 100%;
    padding-right: 0px;
    height: 1100px;
    overflow: hidden;
    padding-top: 0px;
}
#contact{
   position: relative;
    padding-bottom: 0px;
    margin: 0px auto;
    padding-left: 0px;
    width: 100%;
    padding-right: 0px;
    height: 1100px;
    overflow: hidden;
    padding-top: 0px;
}
.sprite{
   z-index: 200;
    position: absolute;
    padding-bottom: 0px;
    padding-left: 0px;
    width: 100%;
    padding-right: 0px;
    height: 1100px;
    top: 0px;
    padding-top: 0px;
}
.screen{
   z-index: 201;
    position: absolute;
	padding:0;
    width: 100%;
    height: 1100px;
    top: 0px;
}
.contents{
   z-index: 202;
    position: absolute;
    width: 1310px;
    height: 750px;
    margin-left: -655px;
    overflow: hidden;
    top: 100px;
    left: 50%;
}
.contents .txt{
   line-height: 40px;
    width: 300px;
    font-family: Verdana, Geneva, sans-serif;
    float: left;
    height: 300px;
    color: #c61c3f;
    font-size: 30px;
}


#home{
   background: url(../images/home_bg.jpg) fixed no-repeat center bottom;
}

#home .sprite{
   background: url(/images/home_sprite_main.png) fixed no-repeat center bottom;
}

#home .home_list{
    z-index: 202;
    position: absolute;
    width: 1100px;
    height: auto;
    margin-left: -550px;
    top: 600px;
    left: 50%;
}


#home .home_list .main{ width:1100px; margin:0 auto; height:302px;}

#home .home_list .main li{ width:29%; margin:0 2%; height:302px; float:left; text-align:center;}

#home .home_list .main li a{ width:100%; height:302px; display:block;}

#home .home_list .main li a .h3{ font-size:15px;}
#home .home_list .main li a .h4{ margin:0; font-size:12px; line-height:20px;}

#home .home_list .main #main1 .h3 { color:#4bb78f;}
#home .home_list .main #main1 a .p1 { width:100px; height:100px; margin:0 auto; background:url(../images/home_icon1.png) center no-repeat; border:#33a278 1px solid; -moz-border-radius: 3px;  /* Gecko browsers */ -webkit-border-radius: 3px; /* Webkit browsers */border-radius:3px;            /* W3C syntax */
}
#home .home_list .main #main1 a:hover .p1 { background:url(../images/home_icon1_h.png) center no-repeat #33a278; border:#33a278 1px solid; -moz-border-radius: 3px;  /* Gecko browsers */ -webkit-border-radius: 3px; /* Webkit browsers */border-radius:3px;            /* W3C syntax */
}

#home .home_list .main #main2 .h3 { color:#267ec8;}
#home .home_list .main #main2 a .p1 { width:100px; height:100px; margin:0 auto; background:url(../images/home_icon2.png) center no-repeat; border:#267ec8 1px solid; -moz-border-radius: 3px;  /* Gecko browsers */ -webkit-border-radius: 3px; /* Webkit browsers */border-radius:3px;            /* W3C syntax */
}
#home .home_list .main #main2 a:hover .p1 { background:url(../images/home_icon2_h.png) center no-repeat #267ec8; border:#267ec8 1px solid; -moz-border-radius: 3px;  /* Gecko browsers */ -webkit-border-radius: 3px; /* Webkit browsers */border-radius:3px;            /* W3C syntax */
}

#home .home_list .main #main3 .h3 { color:#e03e25;}
#home .home_list .main #main3 a .p1 { width:100px; height:100px; margin:0 auto; background:url(../images/home_icon3.png) center no-repeat; border:#e03e25 1px solid; -moz-border-radius: 3px;  /* Gecko browsers */ -webkit-border-radius: 3px; /* Webkit browsers */border-radius:3px;            /* W3C syntax */
}
#home .home_list .main #main3 a:hover .p1 { background:url(../images/home_icon3_h.png) center no-repeat #e03e25; border:#e03e25 1px solid; -moz-border-radius: 3px;  /* Gecko browsers */ -webkit-border-radius: 3px; /* Webkit browsers */border-radius:3px;            /* W3C syntax */
}


#home .screen{
   background: url(../images/home_frei.png) no-repeat center 100px;
}

#home .sprite1{
   z-index: 201;
    position: absolute;
    padding-bottom: 0px;
    padding-left: 0px;
    width: 100%;
    padding-right: 0px;
    background: url(../images/home_frei01.png) fixed no-repeat center bottom;
    height: 1100px;
    top: 0px;
    padding-top: 0px;
}


#about{
   background: url(../images/about_bg.jpg) fixed no-repeat center 0px;
}
#about .sprite{
   background: url(../images/about_sprite_frei.png) fixed no-repeat center 211px;
}
#about .screen{
   background: url(../images/about_frei.png) fixed no-repeat center bottom;
}
#about .about_rim{
    width: 1044px;
    background: url(../images/about_img.png) no-repeat 0 0px;
    height: 439px;
	margin:0 auto;
}
#about .about_rim .about_txt{
   text-align: left;
    line-height:24px;
    color: #fff;
    font-size: 15px;
	padding-left:130px;
	padding-top:50px;
}
A.close_btu{
   z-index: 999;
    position: absolute;
    text-align: center;
    line-height: 30px;
    width: 110px;
    bottom: 150px;
    display: block;
    background: #8e273c;
    height: 30px;
    color: #fff;
    text-decoration: none;
    left: 0px;
}
A.close_btu:hover{
   background: #c61c3f;
    color: #fff;
    text-decoration: none;
}
#about_cont{
   position: relative;
    width: 100%;
    background: url(../images/about_bg_01.jpg) fixed no-repeat center 0px;
    height: 0px;
    overflow: hidden;
}
#about_cont .sprite{
   background: url(../images/about_cont_01.png) fixed no-repeat center bottom;
}
#about_cont .screen{
   background: url(../images/about_cont_02.png) fixed no-repeat center 500px;
}
#about_cont .screen1{
   width: 100%;
    background: url(../images/about_cont_03.png) fixed no-repeat center bottom;
    height: 1100px;
}
#famous{
   background: url(../images/home_bg.jpg) fixed no-repeat center 0px;
}
#famous .sprite{
   background: url(../images/famous_sprite_frei.png) fixed no-repeat center 411px;
}
#famous .screen{
   background: url(../images/famous_frei.png) no-repeat center 15px;
}
#famous .famous_rim{
   width: 1310px;
    height: 573px;
	background:url(../images/famous_box.png) no-repeat;
	position:absolute;
	top:100px;
	left:0;
}

#famous .famous_rim .famous_rim_box { width:1310px; height:573px; position:relative;}

.box_qygm_list .list1 { position:absolute; top:0; left:298px; width:386px; height:151px; padding:20px;}
.box_qygm_list .list2 { position:absolute; top:191px; left:725px; width:435px; height:151px; padding:20px;}

.box_qygm_list a:hover { background:#48a480; color:#FFF;}

.box_qygm_list a:hover .p3 { font-size:12px; text-align:right; background: url(../images/more_dot_h.png) right no-repeat; padding-right:30px;}

.box_qygm_list a .p1 { font-size:20px; line-height:30px;}
.box_qygm_list a .p2 { font-size:12px; line-height:24px; height:106px; overflow:hidden;}
.box_qygm_list a .p3 { font-size:12px; text-align:right; background: url(../images/more_dot.png) right no-repeat; padding-right:30px;}


.box_qygm_list .more { position:absolute; top:191px; left:725px; width:435px; height:151px; padding:20px;}

#news{
   background: url(../images/news_bg.jpg) fixed no-repeat center bottom;
}
#news .sprite{
   background: url(../images/lab_sprite_frei.png) fixed no-repeat center 250px;
}
#news .screen{
   background: url(../images/lab_frei.png) fixed no-repeat center 250px;
}
#box_news{
   z-index: 1000;
    position: absolute;
    width: 550px;
    height: 500px;
    top: 0px;
    left: 0px;
}
.box_news_list { padding-top:100px;}

.box_news_list li {margin:20px 0;}
.box_news_list li a { width:100%; height:67px; display:block; padding:10px;}
.box_news_list li a:hover { background:#339173;}

.box_news_list li .news_list_num { float:left;font-size:42px; color:#FFF; border:#FFF 2px solid; width:61px; text-align:center; height:61px; line-height:61px;}

.box_news_list li .news_list_txt { float:right; height:67px; width:430px; color:#FFF; margin-left:10px; overflow:hidden;}

.box_news_list li .news_list_txt .p1 { font-size:18px; padding:0; margin:0; line-height:30px;}
.box_news_list li .news_list_txt .p2 { font-size:12px; font-family:宋体 !important; line-height:20px;padding:0; margin:0;}


#products{
   background: url(../images/projekt_bg.jpg) fixed no-repeat center 0px;
}
#products .sprite{
   background: url(../images/pro_sprite_frei.png) fixed no-repeat center 435px;
}
#products .screen{
   background: url(../images/pro_frei.png) fixed no-repeat center 400px;
}
#products .pro_list{
   z-index: 202;
    position: absolute;
    width: 900px;
    height: auto;
    margin-left: -450px;
    top: 650px;
    left: 50%;
}

#sector{
   background: url(../images/home_bg.jpg) fixed no-repeat center 0px;
}
#sector .sprite{
   background: url(../images/sector_sprite_frei.png) fixed no-repeat center 435px;
}
#sector .screen{
   background: url(../images/sector_frei.png) fixed no-repeat center 300px;
}

.sector_img .main{ width:1200px; margin:0 auto; height:760px; padding-top:100px;}

.sector_img .main li{ width:264px; margin:0 10px; height:380px;float:left; text-align:center;}

.sector_img .main li a{ width:264px; height:380px; display:block; background:url(../images/sector_img_a.png) no-repeat;}
.sector_img .main li a:hover{ background:url(../images/sector_img_h.png) no-repeat;}

.sector_img .main li a .h3{ font-size:20px; text-align:center; height:60px; line-height:60px;}
.sector_img .main li a .h4{ font-size:14px; line-height:24px !important;  padding:10px; text-align:left; height:130px; overflow:hidden;}
.sector_img .main li a .h4 p { padding:0; margin:0;}
.sector_img .main li a .h5{ font-size:12px; line-height:20px;text-align:center; color:#fff;}

.sector_img .main #main1 .h3 { color:#4bb78f;}
.sector_img .main #main1 a .p1 { width:100%; height:122px; margin:0 auto; background:url(../images/sector_icon1.png) center no-repeat;}
.sector_img .main #main1 a:hover .p1 { background:url(../images/sector_icon1_h.png) center no-repeat;}

.sector_img .main #main2 .h3 { color:#267ec8;}
.sector_img .main #main2 a .p1 { width:100%; height:122px; margin:0 auto; background:url(../images/sector_icon2.png) center no-repeat;}
.sector_img .main #main2 a:hover .p1 { background:url(../images/sector_icon2_h.png) center no-repeat;}

.sector_img .main #main3 .h3 { color:#e03e25;}
.sector_img .main #main3 a .p1 { width:100%; height:122px; margin:0 auto; background:url(../images/sector_icon3.png) center no-repeat; }
.sector_img .main #main3 a:hover .p1 { background:url(../images/sector_icon3_h.png) center no-repeat;}

.sector_img .main #main4 .h3 { color:#e03e25;}
.sector_img .main #main4 a .p1 { width:100%; height:122px; margin:0 auto; background:url(../images/sector_icon4.png) center no-repeat; }
.sector_img .main #main4 a:hover .p1 { background:url(../images/sector_icon4_h.png) center no-repeat;}

.sector_img .main #main5 .h3 { color:#4bb78f;}
.sector_img .main #main5 a .p1 { width:100%; height:122px; margin:0 auto; background:url(../images/sector_icon1.png) center no-repeat;}
.sector_img .main #main5 a:hover .p1 { background:url(../images/sector_icon1_h.png) center no-repeat;}

.sector_img .main #main6 .h3 { color:#267ec8;}
.sector_img .main #main6 a .p1 { width:100%; height:122px; margin:0 auto; background:url(../images/sector_icon2.png) center no-repeat;}
.sector_img .main #main6 a:hover .p1 { background:url(../images/sector_icon2_h.png) center no-repeat;}

.sector_img .main #main7 .h3 { color:#e03e25;}
.sector_img .main #main7 a .p1 { width:100%; height:122px; margin:0 auto; background:url(../images/sector_icon3.png) center no-repeat; }
.sector_img .main #main7 a:hover .p1 { background:url(../images/sector_icon3_h.png) center no-repeat;}

.sector_img .main #main8 .h3 { color:#e03e25;}
.sector_img .main #main8 a .p1 { width:100%; height:122px; margin:0 auto; background:url(../images/sector_icon4.png) center no-repeat; }
.sector_img .main #main8 a:hover .p1 { background:url(../images/sector_icon4_h.png) center no-repeat;}


#chanye{
   background: url(../images/home_bg.jpg) fixed no-repeat center bottom;
}
#chanye .sprite{
   background: url(../images/chanye_sprite_frei.png) fixed no-repeat center 500px;
}
#chanye .screen{
   background: url(../images/chanye_frei.png) fixed no-repeat center 500px;
}
#box_chanye{
   z-index: 1000;
    position: absolute;
    width: 1004px;
    top: 0px;
    left: 0px;
	left:50%;
	margin-left:-502px;
	top:100px;
}


#box_chanye .main{ width:1004px; height:536px; background:url(../images/chanye_box.png) no-repeat center;}
#box_chanye .main ul { padding:0; margin:0;}
#box_chanye .main li{padding:0; width:500px; margin:1px; height:267px; float:left; text-align:center;}

#box_chanye .main li a{ width:460px; height:226px; display:block; padding:20px;}
#box_chanye .main li a:hover{ background:url(../images/chanye_img_h.png) no-repeat #267ec8; color:#FFF;}

#box_chanye .main li a .h3{ font-size:20px; text-align:left; height:40px; line-height:40px; padding-left:30px;}
#box_chanye .main li a .h4{ font-size:14px; line-height:24px;  padding:10px; text-align:left; height:120px; overflow:hidden;}
#box_chanye .main li a .h5{ width:100px; margin:0 auto; font-size:14px; line-height:30px;text-align:center; border:#CCC 1px solid;}

#box_chanye .main #main1 a .h3 {color:#267ec8; width:100%; height:40px; margin:0 auto; background:url(../images/chanye_icon1.png) left center no-repeat;}
#box_chanye .main #main1 a:hover .h3 {color:#fff; background:url(../images/chanye_icon1_h.png) left center no-repeat;}


#box_chanye .main #main2 a .h3 {color:#267ec8; width:100%; height:40px; margin:0 auto; background:url(../images/chanye_icon2.png) left center no-repeat;}
#box_chanye .main #main2 a:hover .h3 {color:#fff; background:url(../images/chanye_icon2_h.png) left center no-repeat;}

#box_chanye .main #main3 a .h3 { color:#267ec8; width:100%; height:40px; margin:0 auto; background:url(../images/chanye_icon3.png) left center no-repeat; }
#box_chanye .main #main3 a:hover .h3 {color:#fff; background:url(../images/chanye_icon3_h.png) left center no-repeat;}
 
#box_chanye .main #main4 a .h3 { color:#267ec8; width:100%; height:40px; margin:0 auto; background:url(../images/chanye_icon4.png) left center no-repeat; }
#box_chanye .main #main4 a:hover .h3 {color:#fff; background:url(../images/chanye_icon4_h.png) left center no-repeat;}


#contact{
   
   background: url(../images/contact_bg.png) no-repeat center top;
}

#contact .sprite{
   background: url(../images/technik_sprite_frei.png) fixed no-repeat center;
}
#contact .screen{
   background: url(../images/technik_frei.png) no-repeat center 10px;
}
#contact .contents{
   height: auto;
}
#box_contact{
    width: 1002px;
    height: 550px;
	margin:0 auto;
}

.contact { padding-top:50px;}

.contact { line-height:30px; height:30px; font-size:14px; padding-left:50px;}

.lx_icon1 { background:url(../images/lxwm_icon1.png) left center no-repeat;}
.lx_icon2 { background:url(../images/lxwm_icon2.png) left center no-repeat;}
.lx_icon3 { background:url(../images/lxwm_icon3.png) left center no-repeat;}
.lx_icon4 { background:url(../images/lxwm_icon4.png) left center no-repeat;}
.lx_icon5 { background:url(../images/lxwm_icon5.png) left center no-repeat;}


#box_link{
	width: 520px;
    height: 105px;
	margin:0 auto;
	margin-top:780px;
	position:relative;
	z-index:100000;
}

#box_link li { width:130px; height:105px; text-align:center; line-height:91px; font-size:16px; color:#FFF; float:left;}

#box_link li a{ width:130px; height:105px; display:block; background: url(../images/end_link_a.png) no-repeat center; color:#FFF;}
#box_link li a:hover{ background: url(../images/end_link_h.png) no-repeat center; color: #3a87c9;}

#box_icp{
	width: 100%;
    height: 105px;
	position:absolute;
	top:1040px;
	left:0;
	text-align:center;
	font-size:14px;
	color:#FFF;
	line-height:24px;
	z-index:9999;
} 
#box_icp a{color:#FFF; text-decoration:underline;}

#box_icp a:hover { color: #FF0;}